/* #region TOOLS */
div, h1, h2, h3, p, ul, li { margin: 0; padding: 0; }
ul { list-style-type:none; }
h1 { background: #118e13; color: #fbe503; margin-bottom: 20px;}
.t1 {text-transform: uppercase; margin-bottom: 15px; display: block; font-size: 20px; font-size: 18px; height: 18px; color: #009ed9; border-bottom: 1px solid #009ED9; padding-bottom: 8px; }
.t2 { margin-bottom: 15px; display: block; font-size: 15px; color: #009ed9; font-size: 18px; text-decoration: underline; font-weight: bold; }
a { text-decoration: none; color: #000; outline: 0;}
img { border: none;}
.clear { clear: both; }
p { margin: 0; margin-bottom: 10px;}
hr { margin-bottom: 20px;}
div#pages a { font-style: italic;}
span.important { font-weight: bold; display: block; float: left; width: 75px;}

/* #endregion */

/* #region MASTER */

body { margin: 0; padding: 0; font-family: Verdana; font-size: 12px; background: #272424; }

div#site{ margin: 0 auto; padding: 10px; width: 980px; color: #000; background: #138514;}

div#header  { border: 0; outline: 0; background:url(../img/header-fond.png) repeat; width: auto; height: 120px; }
div#header #logo { margin: 0 auto; width: 980px; height: 120px; background: #010101 url(../img/header.png) no-repeat;}

div#menu a, div#footer a { display: block; text-align: center; text-transform: uppercase;}
div#menu ul li { float: left;}
div#menu, div#menu ul { height: 35px; background: #0c110c; }
div#menu ul { margin: 0 auto; width: 980px;}
div#menu a { width: 245px; height: 35px; line-height: 35px; color: #ffffff; }
div#menu a:hover { color: #07bc0c; }
div#menu li.selected a {  color: #07bc0c; font-weight: bold;}

div#contenu-gauche{ background: #272424; padding: 10px 10px 0 10px; width: 290px; height: 460px; float:left; }
div#contenu-droit { padding: 10px; width: 640px; float:right;}

div#footer { width: 980px; margin: 0 auto; border-top: solid 1px #303133; font-size: 11px;}
div#footer ul { margin:0; width: 415px; height: 33px; float: left;}
div#footer ul li { float: left;}
div#footer a { width: 80px; height: 33px; line-height: 33px; color: #0f9612; }
div#footer p { padding-left: 10px; color: #0f9612; line-height: 33px; float: right;}

/* #endregion */

/* #region MISE EN FORME */

div#slider { background: #ffffff;}

/*ACCUEIL*/
div#accueil-contenu { background: #96ff97; height: 190px; padding: 10px; }

/*PAGES GENERAL*/
div#general-contenu { background: #96ff97; padding: 10px; }

/*PAGE JEU*/
div#encart-gauche { width: 182px; background: #272424; height: 450px; float: left;}
div#encart-gauche img { margin: 20px; width: 140px; height: auto;}
div#encart-gauche p { margin: 0 20px; padding-bottom: 10px; color: #fff;}
div#encart-gauche a { margin: 10px auto; font-weight: bold; background: url(../img/bouton-gauche.png) no-repeat; width: 140px; height: 29px; display: block; text-align: center; color: #fff; line-height: 29px;}
div#encart-droit { margin-left: 10px; float: right; width: 770px; height: 447px; border: 1px solid #272424; background: #96ff97; }
div#encart-droit img { float: left; width: 480px; height: auto; margin: 20px;}
div#encart-droit a { background: url(../img/bouton-droit.png) no-repeat; display: block; width: 231px; height: 22px; line-height: 22px; float: left; margin-top: 20px; text-align: center; color: #fff; font-weight: bold; }
div#encart-droit p { margin: 0; margin-top: 15px; width: 250px; float: left;}
div#encart-droit span.important {  width: inherit; float: inherit; }
div#infos { clear: left; margin: 0 20px;}
div#infos span { text-decoration: underline;}

/*FORMULAIRE*/
fieldset { margin: 5px; background: #DCDCDC;}
legend { background: #696969; color: #fff; text-transform: uppercase; font-size: 15px; border: solid 1px #000; }
input[type=text], input[type=password], input[type=file], textarea, select { border: solid 1px #696969; width: 200px;}
input[type=file] { background: #DCDCDC;}
span#t3 { margin: 5px; display: block; font-size: 14px; color: #fff; font-weight: bold;}
input[type=submit], div#inscription input[type=reset] { margin: 5px; float: left;}
.blocformu { margin: 5px;}
blocformu label { float: left; margin-right: 5px; width: 205px;}
.info { color: #000; background: #fff; height: 30px; line-height: 30px; margin: 5px; padding-left: 10px;}
label { float: left; width: 200px; margin-right: 10px;}

/*MESSAGE ALERTE*/
#flash { background: #fff; color: #000; height: 30px; line-height: 30px; font-size: 25px; font-weight: bold; padding: 10px;}
span.error { color: red; font-weight: bold; padding-left: 10px;}
